console.log('index');
function component(params) {
  const element = document.createElement('div');
  const button = document.createElement('button');
  button.innerHTML = 'Click me and look at the console!';
  element.appendChild(button);
  // webpackchunkName指定分离出的chunk名称，不指定则会默认生成hash值
  // button.onclick = e => import(/* webpackChunkName: "share" */ './share').then(module => {
  //   const share = module.default;
  // });

  // 1.prefetch 
  button.onclick = e => import(/* webpackPrefetch: true */ /* webpackChunkName: "share" */'./share').then(module => {
    const share = module.default; // 使用default，import()内部会用到promises，.default值才是promise处理后的module对象
    console.log(share, 'share');
  });
  //2.preload
  // button.onclick = e => import(/* webpackPreload: true */'./share').then(module => {
  //   const share = module.default; // 使用default，import()内部会用到promises，.default值才是promise处理后的module对象
  //   console.log(share, 'share');
  // });
  /* 
    1.preload chunk 会在父 chunk 加载时，以并行方式加载，prefetch chunk 会在父 chunk 加载结束后开始加载。
    2.preload chunk 具有中等优先级，并立即下载，prefetch chunk在浏览器闲置时下载
    3.preload chunk 会在父chunk中立即请求，用于当下时刻。prefetch chunk会用于未来的某个时刻。
    4.浏览器支持程度不同
  */


  return element
}
document.body.appendChild(component())